<link rel="stylesheet" href="../addons/jy_echarts/resource/css/style.css?v=18">
<div class="bnt">
  <div class="topbnt_left fl">
   <ul>
   <li ng-class="{'active':page.action=='event.screen'}"><a href="javascript:;" ng-click="access_json('jy_echarts/event.screen/')">综合数据</a></li>
   <li ng-class="{'active':page.action=='event.screen_hangye'}"><a href="javascript:;" ng-click="access_json('jy_echarts/event.screen_hangye/')">行业数据</a></li>
   <li ng-class="{'active':page.action=='screen_all'}"><a href="javascript:;" ng-click="access_json('jy_echarts/screen_all/')">总数据</a></li>
   </ul>
  </div>
  <h1 class="tith1 fl">{{pagedata.event.event_name}}</h1>
  <div class=" fr topbnt_right">
    <ul>
       
    </ul>
   </ul>
  </div>
</div>
<!-- bnt end -->
<div class="left1 pleft1">
    <div class="lefttime"><h2 class="tith2" style="font-size:15px">统计时间</h2>
     <div class="lefttime_text" style="padding-top:5%">
        <ul>
          <li ng-class="{'bg':1, 'active':pagedata.event.event_id==64}"><a href="javascript:;" ng-click="access_json('jy_echarts/event.screen//event_id=64')" >2018</a></li>
          <li></li>
          <li ng-class="{'bg':1, 'active':pagedata.event.event_id==69}"><a href="javascript:;" ng-click="access_json('jy_echarts/event.screen//event_id=69')" >2019</a></li>
          <li></li>
          <li ng-class="{'bg':1, 'active':pagedata.event.event_id==70}"><a href="javascript:;" ng-click="access_json('jy_echarts/event.screen//event_id=70')" >2020</a></li>
        </ul>
     </div>
    </div>
    <div class="plefttoday"><h2 class="tith2">今年订单环比情况</h2>
    <div class="lefttoday_number" style="margin-top:8%">
      <div class="widget-inline-box text-center fl">
        <p>订单</p>
        <h3 class="ceeb1fd">{{pagedata.huanbi.type1[1]}}</h3>
        <h4 class="text-muted">环比<img src="../addons/jy_echarts/resource/css/img/{{pagedata.huanbi.type1_bi>0?'iconup':'icondown'}}.png" height="16" />{{pagedata.huanbi.type1_bi}}%</h4>
      </div>
      <div class="widget-inline-box text-center fl">
         <p>金额</p>
        <h3 class="c24c9ff">{{pagedata.huanbi.type2[1]}}</h3>
        <h4 class="text-muted">环比<img src="../addons/jy_echarts/resource/css/img/{{pagedata.huanbi.type2_bi>0?'iconup':'icondown'}}.png" height="16" />{{pagedata.huanbi.type2_bi}}%</h4>
      </div>
      <div class="widget-inline-box text-center fl">
         <p>中国</p>
        <h3 class="cffff00">{{pagedata.huanbi.china[1]}}</h3>
        <h4 class="text-muted">环比<img src="../addons/jy_echarts/resource/css/img/{{pagedata.huanbi.china_bi>0?'iconup':'icondown'}}.png" height="16" />{{pagedata.huanbi.china_bi}}%</h4>
      </div>
      <div class="widget-inline-box text-center fl">
         <p>境外</p>
        <h3 class="c11e2dd">{{pagedata.huanbi.guowai[1]}}</h3>
        <h4 class="text-muted">环比<img src="../addons/jy_echarts/resource/css/img/{{pagedata.huanbi.guowai_bi>0?'iconup':'icondown'}}.png" height="16" />{{pagedata.huanbi.guowai_bi}}%</h4>
      </div>
    </div>
    <!-- lefttoday_number end -->
    <!--  lefttoday_bar end-->
    </div>
    <div class="lpeftmidbot">
      <h2 class="tith2">往年订单情况</h2>
      <div id="lpeftmidbot" class="lpeftmidbotcont"></div>
  </div>
    <div class="lpeftbot">
      <h2 class="tith2">订单/金额占比</h2>
      <div id="lpeftbot" class="lpeftbotcont" ></div>
  </div>
</div>
<!--  left1 end -->
<div class="left2">
  <div class="pleftbox2top">
    <h2 class="tith2">国内境外数据</h2>
    <div id="pleftbox2top" class="pleftbox2topcont"></div>
  </div>
  <div class="pleftbox2midd">
  <h2 class="tith2">订单区域数据</h2>
  <div id="pleftbox2midd" class="pleftbox2middcont"></div>
  </div>
  <div class="lpeft2bot">
    <h2 class="tith2">商户推荐占比TOP5</h2>

    <div class="pvr fl liwp lpeftb2otcont1" style="height:80%;" >
      <ul>
        <li class="hot1">1</li>
        <li class="hot2">2</li>
        <li class="hot3">3</li>
        <li class="hot4">4</li>
        <li class="hot5">5</li>
      </ul>
      <div id="pleftbox2bott_cont"class="lpeftb2otcont"  style="height:100%;"></div>
    </div>


    </div>
</div>

<div class="mrbox prbox">
      <div class="mrbox_top">
          <div class="mrbox_top_midd">
              <div class="mrboxtm-mbox" style="position: relative;">
				<h2 class="tith2 pt1" style="font-size:30px;margin-bottom:-30px">深圳订单区域元布</h2>
				<div class="map1"><img style="width:100%" src="../addons/jy_echarts/resource/css/img/lbx.png"></div>
				<div class="map2"><img src="../addons/jy_echarts/resource/css/img/jt.png"></div>
				<div class="map3"><img src="../addons/jy_echarts/resource/css/img/map.png"></div>
                <div id="shenzhenmap" class="mrboxtm-map" style="z-index: 5;">
                 </div>
              </div>
				<!--  map end-->
          </div>
        <!-- mrbox_top_midd end -->
        <div class="mrbox_top_right">
          <div class="pmrtop1">
            <h2 class="tith2">实时订单数据</h2>
            <div class="pmrtop_cont1">
              <div class="pmrtop_contheight">
              <div class="widget-inline-box text-center fl">
                <p>已成交订单</p>
								<h3 class="pt6 ceeb1fd">{{pagedata.place.scorenums}}</h3>
			  </div>
              <div class="widget-inline-box text-center fl" >
                 <p>总订单</p>
								<h3 class="pt6 c24c9ff">{{pagedata.place.nums}}</h3>
							</div>
              </div>
              <div class="lefttoday_bar" >
                <ul>
                  <li class="c1 big1" style="width:60px;height:60px;top: 10%;left: 16%;color:#fff"><span>90元以上{{pagedata.place.score90}}</span></li>
                  <li class="c6 big4" style="top: 15%;left: 75%;color:#fff"><span>80~90元{{pagedata.place.score80}}</span></li>
                  <li class="c3 big6" style="top: 20%;left: 45%;color:#fff"><span>70~80元{{pagedata.place.score70}}</span></li>
                  <li class="c4 big4" style="top: 60%;left: 65%;color:#fff"><span>60~70元{{pagedata.place.score60}}</span></li>
                  <li class="c5 big4" style="top: 60%;left: 25%;color:#fff"><span>50~60元{{pagedata.place.score60}}</span></li>
                  <li class="c2 big0" style="top: 85%;left: 55%;"></li>
                  <li class="c3 big0" style="top: 85%;left: 15%;"></li>
                </ul>
              </div>
            </div>
            </div>
            <!-- pmrtop  -->

            <div class="pmrtop" style=" margin-top: 3.3%">
              <h2 class="tith2">订单质量数据</h2>
              <div class="pmrtop_cont pmrtop_wid" >
                <div class="pmrtop_contheight">
                <div class="widget-inline-box text-center fl">
                  <p>优秀订单</p>
  						<h3 class="pt6 ceeb1fd">{{pagedata.pmrmidd.youxiu}}</h3>
  				</div>
                <div class="widget-inline-box text-center fl" >
                   <p>较好订单</p>
  						<h3 class="pt6 c24c9ff">{{pagedata.pmrmidd.jiaohao}}</h3>
  				</div>
                <div class="widget-inline-box text-center fl" >
                   <p>一般订单</p>
						<h3 class="pt6 cffff00">{{pagedata.pmrmidd.yiban}}</h3>
                </div>
                </div>
                <div id="pmrmidd" class="pmrmiddcont" ></div>
              </div>
              </div>
              <!-- pmrtop  -->

        </div>
      </div>


      <div class="mrbox_bottom">
          <div class="rbottom_box1" style="width:69%">
					<h2 class="tith2 pt1">深圳订单数据</h2>
                    <div id="pmrboxbottom" class="pmrboxbottomcont" ></div>
		  </div>
          <div class="rbottom_box3">
				<h2 class="tith2 pt2">往年订单质量数据</h2>
				<div id="prbottom_box3" class="prbottom_box1cont"></div>
		  </div>

      </div>
</div>
<script src="../addons/jy_echarts/resource/js/data.js"></script>
<script src="../addons/jy_echarts/resource/js/shenzhen.js"></script>
<script type="text/javascript">
setTimeout(function(){created();} ,500);
</script>